<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>商城管理系统 - 项目介绍</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="logo">商城管理系统</div>
        <ul class="nav-links">
            <li><a href="index.html" class="active">项目介绍</a></li>
            <li><a href="team.html">团队成员</a></li>
            <li><a href="gallery.html">团队影像</a></li>
        </ul>
    </nav>

    <!-- 项目核心内容 -->
    <div class="project-container">
        <!-- 图片轮播 -->
        <section class="project-carousel project-section">
            <div class="carousel">
                <img src="/work05/images/p1.png" class="active" style="max-width: 600px; height: auto;">
                <img src="/work05/images/p2.png" style="max-width: 600px; height: auto;">
                <img src="/work05/images/p3.png" style="max-width: 600px; height: auto;">
                <div class="carousel-dots">
                    <span class="dot active"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>
        </section>

        <!-- 项目简介 -->
        <section class="project-intro project-section">
            <h2>项目简介</h2>
            <p>本系统解决传统商城管理效率低、数据分散的问题，通过统一平台实现商品管理、订单处理、数据分析等功能。系统采用前后端分离架构，前端使用React框架，后端使用Spring Boot，数据库采用MySQL，确保系统的高性能和可扩展性。</p>
        </section>

        <!-- 功能模块 -->
        <section class="project-features project-section">
            <h2>功能模块</h2>
            <div class="feature-item">
                <h3>商品管理</h3>
                <p>支持多级分类、批量上下架、库存预警、价格管理等功能，帮助商家高效管理商品信息。</p>
            </div>
            <div class="feature-item">
                <h3>订单系统</h3>
                <p>自动分配物流、实时追踪、智能对账、订单状态管理等功能，提升订单处理效率。</p>
            </div>
            <div class="feature-item">
                <h3>数据分析</h3>
                <p>提供销售趋势分析、用户行为分析、库存周转率分析等数据看板，助力商家决策。</p>
            </div>
        </section>

        <!-- 创新点 -->
        <section class="project-innovation project-section">
            <h2>特色与创新</h2>
            <ul>
                <li>AI智能补货算法：基于历史销售数据预测库存需求，自动触发补货提醒</li>
                <li>区块链电子合同：确保交易合同的安全性和不可篡改性</li>
                <li>多端同步数据看板：支持PC、移动端实时查看业务数据</li>
                <li>一键式营销工具：提供促销活动创建、优惠券发放、会员管理等功能</li>
            </ul>
        </section>
    </div>

    <script src="js.js"></script>
</body>
</html>